<template>
<div id="app">
    <span class="fa fa-chevron-left" @click="three"></span><p>生活号</p>
    <div class="center">
        <img src="../../assets/message-img/shenghuo.png" alt="">
        <p>暂无任何文章</p>
    </div>
</div>
</template>

<script>
export default {
methods: {
    three(){
        this.$router.push({
        path:"/home/message"
    })
    }
}
}
</script>

<style scoped>
*{
    margin: 0;
    padding: 0;
    background-color:#F7F7F7 ;
}
p{
    width: 100%; 
    height:0.5rem;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}
span{
    font-size: 0.2rem;
    padding-left: 0.5rem;
    display:inline-block;
}
img{
    width: 1.28rem;
    height:1.15rem ;
    margin-top: 1rem;
    padding-left: 1.2rem;
}
.center p{
    width: 100%;
    text-align: center;
    font-weight: 400;
    height: 22px;
    font-size: 16px;
    color: #333333;
    line-height: 22px;
}
</style>